.detail-container {
	position: fixed;
	right: 0;
	left: 0;
	z-index: 9;
	display: flex;
	height: 100%;
	background-color: var(--color-bg);

	.detail {
		flex: 1 0 0;
		background: var(--color-bg-2);

		.content {
			margin: 0 1.5rem;
			padding: 2.5rem 6.25rem;
			background-color: var(--color-bg-1);

			.title-container {
				text-align: center;

				.title {
					color: var(--color-text-0);
					font-weight: normal;
					font-size: var(--text-xl);
				}

				.datetime {
					margin: 1.25rem 0;
					color: var(--color-text-2);
				}
			}

			.cut-line {
				margin: 0;
				border: 0.5px solid var(--color-border-2);
			}

			.message {
				margin: 0;
				padding-top: 2.5rem;
				color: var(--color-text-0);
			}

			.actions {
				display: flex;
				align-items: center;
				justify-content: center;
				margin-top: 2rem;

				.item + .item {
					margin-left: 1rem;
				}
			}
		}
	}
}
